<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<link rel="icon" type="image/x-icon" href="favicon.ico">
		<title>首页</title>
		<link rel="stylesheet" href="styles/normalize.css" />
		<link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
		<link rel="stylesheet" href="styles/quick-layout.css" />

		<link rel="stylesheet" href="styles/home.css">
	</head>

	<body>
		<header class="h_header">
			<img class="img-responsive bg_img" src="images/banner_01.jpg" />
			<div class="r flex_con ">
				<div class="header_con  white">
					<div class="l ">
						<h3 class="b tr"> 链享供应链</h3>
						<p class="h_cloud tr"><img class="cloud_img" src="images/cloud_1.png" alt="" /><span> 云平台</span></p>
						<p class="tr pt5"><button class="btn btn-opcity "><img class="people_img" class="di" src="images/people_01.png"/><span class="pl5">申请注册</span></button></p>
					</div>
					<div class="l pl10">
						<p class="r_tit">
							TRANSPARENT <br /> wisdom <br /> Share <br />
						</p>
					</div>
				</div>
			</div>
		</header>
		<main class="home_wrap bg_E1 ">
			<section>
				<h3 class="home_tit tc">
				<div class="h_tit_line"></div>
				<div class="dib home_tit_con fw ">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">平台  </span><span class="c37">入口</span></p>
					<p class="f12 b"><span class="c_blue">platform </span><span>Entrance</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>
				</h3>
				<section class="entrance">

					<div class="container splooshBox">
						<div class="row pt20">
							<div class="col-md-3">
								<div class="entrance_li">
									<span class="entery_img">								
								<img src="images/entery_01.png"/>
								</span>
									<span class="f16 b">货主端</span>
								</div>
							</div>
							<div class="col-md-3">
								<div class="entrance_li">
									<span class="entery_img">								
								<img src="images/entery_02.png"/>
								</span>
									<span class="f16 b">仓储商端</span>
								</div>
							</div>
							<div class="col-md-3">
								<div class="entrance_li">
									<span class="entery_img">								
								<img src="images/entery_03.png"/>
								</span>
									<span class="f16 b">承运商端</span>
								</div>
							</div>
							<div class="col-md-3">
								<div class="entrance_li">
									<span class="entery_img">								
								<img src="images/entery_04.png"/>
								</span>
									<span class="f16 b">武汉链享</span>
								</div>
							</div>
						</div>
					</div>
				</section>
			</section>
			<!-- 武汉链享  公司介绍-->
			<section>
				<h3 class="home_tit tc">
				<div class="h_tit_line"></div>
				<div class="dib home_tit_con">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">武汉链享    </span><span>公司介绍</span></p>
					<p class="f12 b"><span class="c_blue">lianxiang pharmaceutical  </span><span>Company Introduction</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>
				</h3>
				<section class="introduce">
					<div class="container">
						<div class="row">
							<div class="col-md-6 tr">
								<img src="images/h_introduce_01.png" />
							</div>
							<div class="col-md-6 movebox" data-rotate-y="180deg" data-move-z="-100px" data-move-x="500px" style="height: 245px;">
								<p class="f14 introduce_text dib"> 武汉链享医药供应链管理有限公司，是一家专注于医药供应链整体解决方案的公司。 以“致力于成为一个独立第三方医药供应链服务平台”为定位，以“通过互联网+， 来整合、共享、协同社会化资源，降低医药物流成本， 为药品安全提供供应链科技支持”为使命， 最终希望达成企业、客户、社会三方共赢的良性生态群。
								</p>
							</div>
						</div>
					</div>
				</section>
			</section>
			<!--end  武汉链享  公司介绍-->
			<!-- 第三方仓储 -->
			<section>
				<h3 class="home_tit tc">
				<div class="h_tit_line"></div>
				<div class="dib home_tit_con">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">第三方仓储      </span> <span>服务介绍</span></p>
					<p class="f12 b"><span class="c_blue">Third party Storage   </span><span> Service Introduction</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>
				</h3>
				<section class="introduce">
					<div class="container">
						<div class="row">
							<div class="col-md-6 movebox" data-rotate-y="180deg" data-move-z="-200px" data-move-x="-300px" style="height: 245px;">
								<p class="f14 introduce_text dib">
									<h4 class="f14">在传世云平台下为货主提供找仓、找车、仓内运营、物流配送以及配送商管理服务。 </h4>
									<ul class="text_ul">
										<li>通过系统和运营，货主公司可以从仓储、配送中解放，只需专注本公司业务发展， 不用花费时间精力去管理库存及订单配送。
										</li>
										<li>
											通过系统的对接和追溯条码的应用，彻底解决医药物流难以管控的问题。
										</li>
										<li>
											通过冷链系统的全程温度控制，确保药品质量。
										</li>
										<li>
											通过系统将仓储发送，配送和干线运输等相关功能串联起来， 对各方进行有效的控制和管理，通过移运端管理配送商， 有效解决车辆在途和订单回单，提高了客户的满意度，解决仓-干-配一体化难题。
										</li>
									</ul>
								</p>
							</div>
							<div class="col-md-6 dib">
								<img src="images/h_introduce_02.png" />
							</div>
						</div>
					</div>
				</section>
			</section>
			<!--end 第三方仓储 -->
			<!--   第三方承运  服务介绍-->
			<section>
				<h3 class="home_tit tc">
				<div class="h_tit_line"></div>
				<div class="dib home_tit_con">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">第三方承运      </span><span>服务介绍</span></p>
					<p class="f12 b"><span class="c_blue">Third party carrier   </span><span>Service Introduction</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>
				</h3>
				<section class="introduce">
					<div class="container">
						<div class="row">
							<div class="col-md-6 tr">
								<img src="images/h_introduce_03.png" />
							</div>
							<div class="col-md-6 movebox" data-rotate-x="180deg" data-rotate-y="180deg" data-move-z="-700px" style="height: 245px;">
								<p class="f14 introduce_text dib">

									<ul class="text_ul">
										<li>通过系统和运营，货主公司可以从仓储、配送中解放，只需专注本公司业务发展， 不用花费时间精力去管理库存及订单配送。
										</li>
										<li>
											通过系统的对接和追溯条码的应用，彻底解决医药物流难以管控的问题。
										</li>
										<li>
											通过冷链系统的全程温度控制，确保药品质量。
										</li>
										<li>
											通过系统将仓储发送，配送和干线运输等相关功能串联起来， 对各方进行有效的控制和管理，通过移运端管理配送商， 有效解决车辆在途和订单回单，提高了客户的满意度，解决仓-干-配一体化难题。
										</li>
									</ul>
								</p>
							</div>
						</div>
					</div>
				</section>
			</section>
			<!--end   第三方承运  服务介绍-->
			<!-- 运营管理  服务介绍 -->
			<section>
				<h3 class="home_tit tc">
				<div class="h_tit_line"></div>
				<div class="dib home_tit_con">
					<i class="glyphicon glyphicon-triangle-left c_blue arrow_l f16"></i>				
					<p class="f18 b"><span class="c_blue ">运营管理        </span> <span>服务介绍</span></p>
					<p class="f12 b"><span class="c_blue">operation management  </span><span> Service Introduction</span></p>
					<i class="glyphicon glyphicon-triangle-right c_blue arrow_r f16"></i>			
				</div>
				</h3>
				<section class="introduce">
					<div class="container">
						<div class="row">
							<div class="col-md-6 movebox" data-rotate-x="180deg" data-rotate-y="45deg" data-move-z="-500px" style="height: 245px;">
								<p class="f14 introduce_text dib">
									<ul class="text_ul">
										<li>通过系统和运营，货主公司可以从仓储、配送中解放，只需专注本公司业务发展， 不用花费时间精力去管理库存及订单配送。
										</li>
										<li>
											通过系统的对接和追溯条码的应用，彻底解决医药物流难以管控的问题。
										</li>
										<li>
											通过冷链系统的全程温度控制，确保药品质量。
										</li>
										<li>
											通过系统将仓储发送，配送和干线运输等相关功能串联起来， 对各方进行有效的控制和管理，通过移运端管理配送商， 有效解决车辆在途和订单回单，提高了客户的满意度，解决仓-干-配一体化难题。
										</li>
									</ul>
								</p>
							</div>
							<div class="col-md-6 dib">
								<img src="images/h_introduce_04.png" />
							</div>
						</div>
					</div>
				</section>
			</section>
			<!--end 运营管理  服务介绍 -->
		</main>
		<footer class="tc">
			<div class="dib pb15 pt20">
				<img class="img-responsive dib pb10" src="images/footer_logo.png" /> <br />
				<span>+86-27-59907980</span><span class="pr15 pl15">www.csbr.com</span><span>info@csbr.cn</span>
			</div>
			<p class="copyright f14">COPYRIGHT © 2000-2015 ALL RIGHTS RESERVED.</p>
		</footer>
	</body>
	<!--<script type="text/javascript" src="lib/jquery.min.js"></script>-->
	<script type="text/javascript" src="lib/jquery.js"></script>
	<script type="text/javascript" src="lib/jquery.smoove.min.js"></script>

	<script>
		$(function() {
			$('header').height($('.bg_img').height());
			$(window).resize(function() {
				let header_h = $('.bg_img').height();
				$('header').height(header_h);
			})
			$('.movebox').smoove({ offset: '20%' });
			$('.splooshBox .entrance_li').hover(function() {
				$(this).find('.entery_img').append('<div class="dot" style="top:50%;left:50%;"></div>')
			}, function() {
				$(this).find('.dot').remove();

			})
		})
	</script>

</html>